﻿@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal }
figure { margin: 0; }
ul, ol { list-style: none; }
body { font: 12px/1.5 "Microsoft YaHei"; color: #333; background: #fff; }
a { text-decoration: none; color: #333; outline: 0 none; }
a:hover { text-decoration: underline; color: #f67231; }
.clear:after { content: '\0020'; display: block; height: 0; clear: both; }
.clear { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.mt35 { margin-top: 35px; }
.banner960 { height: 90px; overflow: hidden; width: 960px; margin: 0 auto 10px; }
/*---------频道导航 channel_nav ------------*/
.header { height: 3em; line-height: 3em; background-color: #ff4444; color: #fff; overflow: hidden; }
.header .home { float: left; vertical-align: middle; display: inline-block; height: 1em; margin: 0.9em 0.5em; }
.header a { color: #fff; }
.header h1 { font-size: 100%; display: inline; text-decoration: none; font-weight: normal; }
.footer { width: 100%; overflow: hidden; padding-bottom: 60px; }
.copyright { margin: 0.5em 0; text-align: center; font-size: 14px; line-height: 1.8em; }
.copyright .red { color: #ff4444; }
.foot_menu { width: 100%; margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flexbox; height: 45px; line-height: 45px; overflow: hidden; background-color: #F8F8F8; }
.foot_menu a { display: block; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #333; text-align: center; cursor: pointer; }
.download { width: 100%; height: 40px; padding: 10px 0; background: rgba(0,0,0,0.8); overflow: hidden; position: fixed; bottom: 0; left: 0; font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif; }
.downloadl { overflow: hidden; float: left; padding-left: 15px; }
.downloadm { overflow: hidden; float: left; padding-left: 5px; }
.downloadm .tit { font-size: 16px; line-height: 20px; margin-bottom: 3px; color: #fff; }
.downloadm .jlovep { color: #d7d7d7; line-height: 15px; font-size: 12px; }
.downloadr { overflow: hidden; float: left; padding: 5px 0 0 19px; }
.downloadr a { overflow: hidden; color: #FF9C00; background: #fff; border-radius: 3px; font-size: 13px; line-height: 30px; padding: 0 5px; font-weight: bold; display: block; }
.downloadr a img { width: 20px; height: 20px; margin-top: -3px; }
.download span.close { float: right; width: 20px; height: 20px; color: #fff; text-align: center; line-height: 18px; font-size: 20px; cursor: pointer; right: 0px; top: 0px; display: block; position: absolute; }
#warper { width: 960px;
    text-align: left;
    margin: 0px auto;
    padding: 40px 20px 0px;
    background: #FFF none repeat scroll 0% 0%;
    overflow: hidden;}
div#header { margin: -1px 0px 0px; }
#header { position: relative; z-index: 11; }
.crumbs { margin: 0px auto 10px; width: 960px; padding-top: 20px; position: relative; z-index: 100; }
.snslogo { float: left; height: 45px; }
.snslogo a { float: left; }
.stimelogo { font: 18px/20px 微软雅黑; padding-left: 9px; border-left: 2px solid #C3C3C3; margin: 9px 20px 0px 9px; float: left; display: inline; }
.search { float: right;margin-right: 60px;margin-top: -10px; }
.searchIn { width: 287px; height: 36px; float: left; background: transparent url("../images/ylbbs_index_pic.png") no-repeat scroll 0% 0%; }
.search_bar { float: left; position: relative; }
#search_form { height: 32px; }
#search_txt { width: 235px; height: 30px; border: 0px none; margin: 2px 0px 2px 3px; padding: 0px 0px 0px 10px; float: left; outline: medium none; font: 12px/1.5 'Helvetica Neue',Helvetica,Arial,Sans-serif;
    color: #444;}
.submit { width: 36px; float: left; margin: 2px 0px; height: 32px; border: 0px none; background: transparent none repeat scroll 0% 0%; cursor: pointer; outline: medium none; }
.key_word { float: left; text-align: left; height: 36px; overflow: hidden;  }
.key_word a { margin-left: 10px; color: #989191; }
.snslogo img { margin-top: -35px; float: left; }
/*----------搜索-----------*/
.serch_wrap { background: #fff; border: 1px solid #ccc; float: right; height: 28px; margin: 3px 0 0 10px; position: relative; width: 188px; }
.searchInput { border: 0 none; color: #999; font: 12px/14px Arial; left: 4px; position: absolute; top: 6px; width: 150px }
.searchBtn { background: url(http://www.yaolan.com/wenku_debris/images/search_bot.png) no-repeat center center #f3f3f3; border: none; border-left: 1px solid #ccc; width: 28px; height: 28px; cursor: pointer; line-height: 999px; overflow: hidden; position: absolute; right: 0px; top: 0px; line-height: 999px; }
.baikeCon { width: 960px; margin: 0 auto; background: #444; }
.baikeMain { width: 700px; float: left; }
/********** 百科最终页改版 20150323 ****************/
.bka-cl { clear: left; }
.bka-cr { clear: right; }
.bka-w100 { width: 100%; text-align: center; }
.bka-w100 .bka-centerw960 { width: 960px; margin: 0 auto; overflow: hidden; }
.bka-w700 { padding: 35px 40px; float: left; position: relative; }
.bka-w260 { width: 200px; float: left; text-align: left; background: #fff; }
.bka-content {/* background: #76c7c0 url(../images/topbg.jpg) no-repeat center top;*/ background: #f3f3f3; min-height: 500px; padding-top: 36px; }
.bka-content .bka-w700 { background-color: #fff; text-align: left; margin-bottom: 30px; }
.bka-contenthead { margin-bottom: 36px; overflow: hidden; }
.bka-contenthead h4 { font-size: 32px; float: left; margin-right: 0.5em; }
.bka-contenthead p { position: relative; line-height: 32px; font-size: 14px; float: left; color: #fff; margin-top: 10px; }
.bka-contenthead a.bkr-zan { background: url(../images/zan.jpg) no-repeat 0 center; padding-left: 1.5em; margin-left: 12px; float: left; }
.bka-contenthead .zan-animate-tips { position: absolute; display: none; color: red; font-size: 12px; right: 10px; font-style: normal; top: -20px; }
.bka-contentdes { display: block;  position: relative; min-height: 200px; margin-left: -12px;   overflow: hidden;}
.bka-contentdes img { float: left; }
a.bkr-zan:hover { text-decoration: none; color: red; }
.bka-contentdes .bka-index { float: left; width: 230px;  position: relative; margin-left: 20px; }
.bka-contentdes .bka-index li { font-size: 14px; background: url(../images/li_ico.png) no-repeat; line-height: 12px; margin: 0; padding: 8px 8px 8px 25px; display: block; white-space: nowrap; text-overflow: ellipsis; }
.bka-contentdes .bka-index li.active, .bka-contentdes .bka-index li.active:hover { background: url(../images/li_ico_a.gif) 0px 2px no-repeat; text-decoration: none; }
.bka-contentdes .bka-index li a:hover, .bka-contentdes .bka-index li.active a, .bka-contentdes .bka-index li.active a:last-child, .bka-contentdes .bka-index li a.active:last-child:hover { text-decoration: none; color: #f67231; }
.bka-contentdes .bka-index li:hover { background: url(../images/li_ico_a.gif) 0px 2px no-repeat; text-decoration: none; }
.bka-contentdes .bka-index li:last-child:hover, .bka-contentdes .bka-index li.active:last-child, .bka-contentdes .bka-index li.active:last-child:hover { background: url(../images/li_ico_a2.gif) no-repeat; }
.bka-contentdes .bka-index li:first-child:hover { color: #000; text-decoration: none; cursor: default; }
.bka-contentdes .bka-index li:first-child { font-weight: bolder; background: url(../images/li_ico_s.png) no-repeat; }
.bka-contentdes .bka-index li:last-child { background: url(../images/li_ico_e.gif) no-repeat; }
.bka-article { text-align: center; margin-bottom: 1em; }
.bka-article h5 { font-size: 24px; background: url(../images/bk_10.jpg) no-repeat 0 center; margin-left: -40px; padding-left: 40px; text-align: left; margin-top: 20px; margin-bottom: 10px; }
.bka-article img { margin: 16px auto; }
.bka-article .wenzi {text-indent: 2em; text-align: left; line-height: 36px; font-size: 16px; }
.bka-article .wenzi div{text-indent: 2em;}
.bka-article .wenzi.wenzi .bka-morelink { font-size: 12px; }
.bka-article .wenzi a { color: #76c7c0 }
.bka-article .wenzi a:hover { color: #76c7c0 }
.bka-article span.bka-morelink { float: right; color: #000; }
span.bka-morelink a { padding: 0 0.5em; color: #fc613f; }
.bka-article p.xiangguantuijian { background: url(../images/xiangguantuijian.gif) no-repeat; font-size: 12px; text-indent:0; line-height: 28px; margin: 40px 0 25px; }
.bka-article p.xiangguantuijian a { color: #76c7c0; margin-right: 3em; font-size: 14px; }
/*pageNav*/
.spageF { padding: 10px 0; padding-bottom: 40px; border-bottom: 1px solid #ccc; margin-bottom: 15px; overflow: hidden; }
.bka-xiangguan { margin: 50px 0; overflow: hidden; position: relative; }
.bka-xiangguan h6 { display: block; text-indent: 0.8em; height: 30px; font-size: 20px; border-left: 5px solid #76c7c0; line-height: 23px; }
.bka-xiangguan .gengduo { float: right; color: #333; font-size: 12px; font-weight: normal; text-decoration: none; }
.bka-xiangguan .gengduo:hover { text-decoration: underline; }
.bka-bk ul { margin-top: 15px; padding-left: 2em; }
.bka-bk li { float: left; width: 33%; overflow: hidden; }
.bka-bk li a { float: left; font-size: 14px; line-height: 30px; color: #666; background: url(../images/dote.jpg) no-repeat 0 center; text-indent: 1em; }
.bka-bk li a:hover { color: #fc613f; cursor: pointer; }
.bka-zhuangjiadaren h6 { float: left; }
.bka-morequest { float: left; line-height: 28px; margin-left: 2em; color: #fc7d64; font-size: 14px; }
.bka-zhuangjiadaren .smonth_input { margin: 15px 0; float: left; clear: both; }
.sask_co { float: left; border: 1px solid #ccc; height: 32px; color: #999; width: 395px; padding-left: 12px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; line-height: 32px; }
.bka-zhuangjiadaren ul { width: 100%; float: left; color: #999; }
.bka-zhuangjiadaren li { padding-bottom: 30px; border-bottom: 1px dashed #ccc; }
.bka-zhuangjiadaren p { padding-left: 32px; line-height: 28px; }
.bka-zhuangjiadaren .cue { padding-left: 14px; }
.bka-zhuangjiadaren .bka-q { padding: 15px 0 15px 2em; font-size: 16px; color: #000; background: url(../images/Q.jpg) no-repeat left center; text-align: left; }
.bka-zhuangjiadaren .bka-q a.quesitontitle { font-size: 16px; color: #000; float: none; }
.bka-zhuangjiadaren .bka-q a.quesitontitle:hover { text-decoration: underline; }
.bka-zhuangjiadaren .bka-q a { font-size: 12px; color: #999; float: right; }
.bka-zhuangjiadaren .bka-q a:hover { text-decoration: none; }
.bka-zhuangjiadaren .bka-anwser { font-size: 14px; text-align: left; }
.bka-zhuangjiadaren .bka-anwser strong { color: #000; font-weight: normal; }
.bka-zhuangjiadaren .bka-anwser a { color: #76c7c0; float: right; }
.bka-zhuangjiadaren .bka-doctor { margin-left: 32px; padding-left: 2em; background: url(../images/zhuan.jpg) no-repeat 0 center; text-align: left; }
.bka-doctor strong { color: #000; font-weight: normal; }
.bka-doctor span { margin-left: 1em; }
.bka-zhuangjiadaren .bka-noanwser { padding: 30px 0 40px 0; text-align: center; float: left; width: 100%; font-size: 16px; border-bottom: 1px solid #ccc; }
.bka-noanwser a { color: #fc613f; padding: 0 0.1em; }
.bka-remen ul { margin-top: 24px; }
.bka-remen li { float: left; text-align: center; margin-right: 20px; }
/*---------------育儿热词-------------------*/
/*---------------相关育儿-------------------*/
.bka-scroll { position: absolute; right: -230px; z-index: 999; }
.bka-scroll-inner { padding-left: 0;/*position: fixed; */ margin-top: 20px; }
.scroll-fixed { position: fixed; top: 0; }
/*.bka-rindex li a:hover,*/
a.bka-cus-sroll { position: absolute; top: 0; right: 0;/*padding: 76px 4.5px;*/ width: 8px; height: 152px; background: url(../images/scroll.jpg) no-repeat center center; }
a.bka-cus-sroll:hover { background: url(../images/scroll_a.jpg) no-repeat center center; cursor: pointer; }
.border { border-width: 1px; border-style: solid; border-color: #ECECEC; border-radius: 3px; }
.affix { position: fixed; top: 20px; width: 140px; }
